<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">

  <title>array</title>
  
  <style>
  	
  </style>
  
  <script>
  var array = new Array();
  var cnt = 0;  // 배열의 갯수를 나타내기 위해서 
  function save(){ // 입력상자의 값을 배열에 추가
  	var temp = document.getElementById("data").value;
  	array[cnt] = temp;
  	cnt++;	
  }
  
  function print(){ // 배열의 값을 출력
  	var r = document.getElementById("result");
  	r.value = array.join("\n");
  }
  </script>
</head>

<body>
  <input type="text" id="data">
  <input type="button" value="Save" id="btnSave" onclick="save()"/>
  <input type="button" value="Out" id="btnPrint" onclick="print()"/>
  <br/>
  <textarea cols="80" rows="10" id="result"> </textarea>
</body>
</html>
